<template>
  <ul>
    <li>
      <p>问：如何存储用户信息</p>
      <p>答：</p>
    </li>
    <li>{{ msg }}</li>
    <li></li>
  </ul>
</template>

<script setup>
console.log('请求开始')
const msg = ref('')
await fetch('https://api.uomg.com/api/rand.qinghua?format=json')
  .then((res) => res.json())
  .then((json) => {
    msg.value = json.content
  })

/** 没有await函数，就不是个异步组件，所以不会被Suspense监控到，不会走loading
onMounted(() => {
  fetch('https://api.uomg.com/api/rand.qinghua?format=json')
    .then(res=>res.json())
    .then(json=>{
      msg.value = json.content
    })
})
 **/

console.log('请求结束')
</script>

<style scoped></style>
